p{
	margin: 0;
	text-shadow:none;
	font-weight: normal;
}

#content{
	background: #fff;
	padding: 0;
}
	
.c1{
	border-bottom: 2px solid #eee;
}
	.c1-left{
		float: left;
	}
		.c1-left p span{
			color: #7bd3bf;
		}
	.c1-right{
		text-align: center;
		float: right;
		border-right: 2px solid #7bd3bf;
	}
		.c1-right strong{
			display: block;
			color: #7bd3bf;
		}
	.c1 a{
		float: right;
		color: #7bd3bf;
		font-weight: normal;
	}
	.c1 a:hover{
		color: #7bd3bf;
	}

	.c2-content{
		width: 100%;
		display: inline-block;
	}
	.c2-content li{
		background: #fff;
		width: 48.7%;
		float: left;
	}
	.c2-content li a{
		color: #333;
		font-weight: normal;
	}
	.c2-content li a:hover{
		color: #333;
	}
	
	.c2-content p{
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.c2-content span{
		color: #71cdba;
	}
	.c2-content .o-price{
		color: #909090;
		text-decoration: line-through;
	}
	.c2-content .address{
		color: #939393;
	}



@media screen and (min-width: 320px){
.c1{
	padding: 9px 14px;
	height: 28px;
}
	.c1-left p{
		font-size: 13px;
	}
	.c1-right{
		font-size: 11px;
		padding:0 10px;
	}
	.c1 a{
		font-size: 13px;
		padding-top: 4px;
	}
.c2-title{
	padding: 9px 14px;
	font-size: 14px;
}
.c2-content{
	padding-top: 7px;
}
.c2-content li{
	border-top: 5px solid #eee;
}
.c2-content li.right{
	border-left:5px solid #eee; 
}
	.c2-content img{
		width: 100%;
		height: 111px;
	}
	.c2-content p{
		margin:10px 13px;
		font-size: 14px;
		max-height: 34px;
	}
	.c2-content span{
		margin-left:13px;
		font-size: 13px;
	}
	.c2-content .o-price{
		font-size: 11px;
		margin: 0;
	}
	.c2-content .address{
		font-size: 12px;
	}

}



@media screen and (min-width: 410px){
.c1{
	padding: 11px 18px;
	height: 36px;
}
	.c1-left p{
		font-size: 16px;
	}
	.c1-right{
		font-size: 14px;
		padding:0 13px;
	}
	.c1 a{
		font-size: 16px;
		padding-top: 6px;
	}
.c2-title{
	padding: 11px 18px;
	font-size: 18px;
}
.c2-content{
	padding-top: 9px;
}
.c2-content li{
	border-top: 9px solid #eee;
}
.c2-content li.right{
	border-left:9px solid #eee; 
}
	.c2-content img{
		width: 100%;
		height: 142px;
	}
	.c2-content p{
		margin:13px 17px;
		font-size: 18px;
		max-height: 45px;
	}
	.c2-content span{
		margin-left:17px;
		font-size: 17px;
	}
	.c2-content .o-price{
		font-size: 14px;
		margin: 0;
	}
	.c2-content .address{
		font-size: 16px;
	}

}



@media screen and (min-width: 600px){
.c1{
	padding: 20px 32px;
	height: 63px;
}
	.c1-left p{
		font-size: 24px;
	}
	.c1-right{
		font-size: 21px;
		padding:0 23px;
	}
	.c1 a{
		font-size: 24px;
		padding-top: 10px;
	}
.c2-title{
	padding: 20px 32px;
	font-size: 27px;
}
.c2-content{
	padding-top: 15px;
}
.c2-content li{
	border-top: 15px solid #eee;
}
.c2-content li.right{
		border-left:15px solid #eee; 
}
	.c2-content img{
		width: 100%;
		height: 250px;
	}
	.c2-content p{
		margin:22px 30px;
		font-size: 26px;
		max-height: 65px;
	}
	.c2-content span{
		margin-left:30px;
		font-size: 25px;
	}
	.c2-content .o-price{
		font-size: 20px;
		margin: 0;
	}
	.c2-content .address{
		font-size: 23px;
	}


}

@media screen and (min-width: 720px){	
.c2-content img{
	width: 100%;
	height: 300px;
}

}


@media screen and (min-width: 801px){
.c1{
	padding: 25px 40px;
	height: 79px;
}
	.c1-left p{
		font-size: 30px;
	}
	.c1-right{
		font-size: 26px;
		padding:0 29px;
	}
	.c1 a{
		font-size: 30px;
		padding-top: 13px;
	}
.c2-title{
	padding: 25px 40px;
	font-size: 34px;
}
.c2-content{
	padding-top: 19px;
}
.c2-content li{
	border-top: 19px solid #eee;
}
.c2-content li.right{
	border-left:19px solid #eee; 
}
	.c2-content img{
		width: 100%;
		height: 313px;
	}
	.c2-content p{
		margin:28px 38px;
		font-size: 33px;
		max-height: 81px;
	}
	.c2-content span{
		margin-left:38px;
		font-size: 31px;
	}
	.c2-content .o-price{
		font-size: 25px;
		margin: 0;
	}
	.c2-content .address{
		font-size: 29px;
	}

}